/*主体内容*/
#main .content{
    padding: 20px 0 60px 0;
}

/*个人消息（左边）*/
#my-info{
    width:274px;
    height:566px;
    background:rgba(246,249,255,1);
    float:left;
}
#my-info .my-profile{
    height:205px;
    /*border: 1px solid red;*/
    text-align: center;
}
#my-info .my-profile .my-icon{
    padding:40px 97px 20px 97px;
}
#my-info .my-profile .my-phone{
    font-size:18px;
    /*font-family:PingFang-SC-Medium;*/
    font-weight:600;
    color:rgba(61,77,114,1);
    /*line-height:18px;*/
    padding-bottom: 10px;
}
#my-info .my-profile .my-reg-time{
    font-size:14px;
    /*font-family:PingFang-SC-Regular;*/
    font-weight:500;
    color:rgba(153,153,153,1);
}
#my-info .my-profile .my-reg-time span{
    color:rgba(68, 68, 68, 1);
}
#my-info .my-profile .my-status{
    font-size:14px;
    /*font-family:PingFang-SC-Regular;*/
    font-weight: 500;
    color:rgba(153,153,153,1);
    line-height:14px;
}
#my-info .my-profile .my-login{
    width:82px;
    height:28px;
    background:rgba(96,163,252,1);
    font-size:14px;
    /*font-family:NotoSansHans-DemiLight;*/
    font-weight:500;
    color:rgba(255,255,255,1);
    line-height:28px;
    text-align: center;
    margin:10px auto 0 auto;
}

/*左边菜单*/
#my-info .my-nav{
    padding:13px 0 0 0;
    margin:0;
}
#my-info .my-nav .nav-item{
    width:274px;
    height:58px;
    list-style-type:none;
    padding:0 0 0 30px;
    border-bottom:1px solid rgba(241, 243, 245, 1);
    cursor:pointer;
}
#my-info .my-nav .nav-item:nth-child(1){
    border-top:1px solid rgba(241, 243, 245, 1);
}
#my-info .my-nav .nav-active{
    background:rgba(255,255,255,1);
}
#my-info .my-nav .nav-active span{
    color:rgba(93,144,247,1) !important;
    border-left:2px solid rgba(93,144,247,1) !important;

}
#my-info .my-nav .nav-item span{
    border-left:2px solid rgba(153,153,153,1);
    padding-left:10px;
    font-size:18px;
    line-height: 58px;
    font-weight: 500;
    /*font-family:PingFang-SC-Regular;*/
    color:rgba(102,102,102,1);
}
#my-info .my-nav .nav-item img{
    display: inline;
    /*height:58px;*/
    line-height: 58px;
    float:right;
    margin-right:30px;
    margin-top:24px;
}

/*详细信息（右边）*/
#info-list{
    width:906px;
    min-height:566px;
    float:right;
}


/*我的关注 右边*/
/*资讯标签导航条*/
#information-nav{
    width:906px;
    min-height:184px;
    padding:20px;
    margin-bottom:20px;
    background:rgba(255,255,255,1);
}
#nav-line{height:40px; min-height:40px;}
#information-list{padding:0;width:80%;}
#information-nav ul{width:816px;height:40px; border-bottom:2px solid rgba(241,243,245,1);}
#information-nav li{
    margin-right:60px;
    height:40px;
}
#information-nav li.nav-active .news-nav-name{display:inline-block;height:40px;border-bottom:2px solid rgba(93,144,247,1);color:rgba(93,144,247,1) !important;}
#information-nav  li a{
    padding:0;
    font-size:18px;
    font-weight:bold;
    /*font-family:PingFang-SC-Medium;*/
    color:rgba(61,77,114,1);
    line-height:18px;
}

#information-nav  li a .news-nav-num{
    display:inline-block;
    font-size:14px;
    line-height:14px;
    color:rgba(153,153,153,1);
    padding-left:4px;
}
#information-nav  li a{background:none;}
#information-nav .filtrate-list{
    height:30px;
    line-height: 30px;
}
/*关注头像*/
#information-nav .filtrate-title{
    font-size:16px;
    font-weight:bold;
    color:rgba(61,77,114,1);
}
#information-nav  .msg-list{
     width:100%;
     height:85px;
     position:relative;
     /*padding:0 30px;*/
 }

#information-nav .next-btn{
    position:absolute;
    /*right:20px;*/
    right:0;
    top:32px;
    z-index: 99;
    cursor:pointer;
}
#information-nav  .prev-btn{
    position:absolute;
    /*left:20px;*/
    left:0;
    top:32px;
    z-index: 99;
    cursor:pointer;
}
#information-nav  .item-group{
    /*height:68px;*/
    height:100%;
    width:826px;
    /*width:100%;*/
    position: relative;
    overflow: hidden;
    margin:0 auto;
    /*border:1px solid red;*/
}
#information-nav  .item-box{
    position: absolute;
    left:0;
    height:100%;
}
#information-nav  .item-info{
    /*margin-right:64px;*/
    float:left;
    height:100%;
    width:137px;
    /*border:1px solid yellow;*/
}
#information-nav  .item-info:nth-child(1){
    /*margin-left:10px;*/
    float:left;
}
#information-nav  .item-box-img{
    width:60px;
    height:60px;
    cursor:pointer;
    /*vertical-align: middle !important;*/
    border-radius: 50%;
}
#information-nav  .item-box-name{
    font-size:14px;
    /*font-family:PingFang-SC-Medium;*/
    font-weight:bold;
    color:rgba(153,153,153,1);
    line-height:14px;
    margin-top:8px;
    text-align: center;
    cursor:pointer;
}
#information-nav .no-login{
    height:464px;
    line-height:430px;
    text-align: center;
    font-size:24px;
    /*font-family:PingFang-SC-Light;*/
    font-weight: 500;
    color:rgba(102,102,102,0.8);
}

/*资讯内容*/
.information-box{
    width:906px;
    min-height:566px;;
    background:rgba(255,255,255,1);
    padding:30px 20px 0 20px;
}
/*没有数据*/
.noData, .loadData{
    text-align: center;
    line-height:500px;
    color:rgba(153,153,153,1);
    font-size: 16px;
    /*padding-top:10px;*/
}
.noUserData{
    width:100%;
    height:85px;
    position:relative;
    line-height: 85px;
    text-align: center;
    color:rgba(153,153,153,1);
    font-size: 16px;
}


/*

    积分块

*/

/*我的积分*/
#info-list .int-box-info{
    width:100%;
    height:190px;
    margin-bottom:20px;
    color:rgba(255,255,255,1);
}
#info-list .int-box-my{
    width:330px;
    height:190px;
    float:left;
    /*background:rgba(139, 192, 255, 1);*/
    padding:20px;
}
#info-list .login-int .int-box-my{
    background:rgba(255,255,255,1);
}
#info-list .no-login-int .int-box-my{
    background: url(../image/Bitmap2.png)   left center no-repeat;
}
#info-list .int-box-my .title{
    font-size:18px;
    /*font-family:PingFang-SC-Medium;*/
    font-weight: bold;
    /*color:rgba(61,77,114,1);*/
    line-height:18px;
    padding-bottom:19px;
    /*border-bottom:1px solid rgba(241,243,245,1);*/
    border-bottom:1px solid rgba(241,243,245,1);
}
#info-list .login-int .title{
    background:rgba(255,255,255,1);
    color:rgba(61,77,114,1);
}
#info-list .no-login-int .title{
    background-image: url(../image/Bitmap2.png);
}
#info-list .int-box-my .int-msg{
    margin-top:31px;
}
#info-list .login-int .int-box-my .int-msg{
    margin-top:41px;
}
#info-list .int-box-my .name{
    font-size:14px;
    /*font-family:PingFang-SC-Regular;*/
    font-weight: 600;
    line-height:13px;
    padding-bottom:9px;
    display: table-cell;
    vertical-align:middle;
}
#info-list .login-int .name{
    color:rgba(102,102,102,1);
    margin-right: 20px;
    display: inline !important;
}
#info-list .int-box-my .total{
    display: table-cell;
    font-size:34px;
    font-family:DINMittelschrift-Alternate;
    /*color:rgba(61,77,114,1);*/
    line-height:25px !important;
    /*padding-left:23px;*/
    /*padding-right:50px;*/
    vertical-align:middle;
    float:left;
}
#info-list .login-int  .total{
    display: inline;
    color:rgba(61,77,114,1);
    float:none;
}
#info-list .no-login-int .int-box-my .int-btn-box{
    display: table-cell;
    vertical-align:middle;
    height:40px;
    float:right;
    margin-top:6px;
    margin-right:-18px;
}
#info-list .login-int .int-box-my .int-btn-box {
    display: inline-block !important;
    float:right;
    margin-top:6px;
    margin-right:8px;
}
#info-list .int-box-my .int-btn{
    line-height: 28px;
    font-size:14px;
    font-weight:500;
    text-align: center;

    width:104px;
    height:28px;
    background:rgba(255,255,255,1);
    border-radius:100px 0 0 100px;
    color:rgba(139, 192, 255, 1);
}
#info-list .login-int .int-box-my .int-btn {
    width:82px;
    height:28px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid rgba(93,144,247,1);
    color:rgba(93,144,247,1);
    line-height:28px;
}
#info-list .int-box-my .int-btn span{
    padding:0 10px 0 4px;
}
#info-list .int-box-my .int-btn img{
    margin-top:-2px;
}
#info-list .int-box-my .int-btn img:nth-child(1){
    margin-left:14px;
}

/*右侧总览*/
#info-list .int-box-total{
    width:556px;
    height:190px;
    float:right;
    padding:20px;
    /*background:rgba(139, 192, 255, 1);*/
}
#info-list  .login-int .int-box-total{
    background:rgba(255,255,255,1);
}
#info-list .no-login-int .int-box-total {
    background: url(../image/Bitmap.png) left center no-repeat;
}
#info-list .int-box-total .title{
    font-size:18px;
    /*font-family:PingFang-SC-Medium;*/
    font-weight: bold;
    /*color:rgba(61,77,114,1);*/
    line-height:18px;
    padding-bottom:19px;
    /*border-bottom:1px solid rgba(241,243,245,1);*/
    border-bottom:1px solid rgba(241,243,245,1);
}
#info-list .int-box-total .int-table{
    margin-top:25px;
    border:none;
}
#info-list .int-box-total .int-table td,#info-list .int-box-total .int-table tr{
    border:none !important;
    padding:0 !important;
    vertical-align: middle;
    height:45px !important;
}
#info-list .int-box-total .int-table td img{
    margin-right:11px;
}
#info-list .int-box-total .name{
    font-size:14px;
    /*font-family:PingFang-SC-Regular;*/
    font-weight: 600;
    text-align: left;
    line-height:14px !important;
    height:45px;
    vertical-align: middle;
}
#info-list .login-int .int-box-total .name{
    margin-right: 10px !important;
    height:45px;
}
#info-list .int-box-total .name-4{
    width:20%;
}
#info-list .int-box-total .name-2{
    width:15%;
}
#info-list .int-box-total .value{
    width:17%;
    height:45px;
    font-size:22px;
    line-height: 22px;
    font-family:DINMittelschrift-Alternate;
    /*color:rgba(61,77,114,1);*/
    /*line-height:22px;*/
    text-align:left;
    vertical-align: middle;
}
#info-list .login-int  .value{
    color:rgba(61,77,114,1);
    padding:0;
    width:23% !important;
}

/*积分详情*/
#info-list .int-box-list{
    width:906px;
    min-height:568px;
    background:rgba(255,255,255,1);
    padding:20px;
}
#info-list .int-box-list .title{
    font-size:18px;
    /*font-family:PingFang-SC-Medium;*/
    font-weight: bold;
    color:rgba(61,77,114,1);
    line-height:18px;
    /*padding-bottom:19px;*/
    /*border-bottom:1px solid rgba(241,243,245,1);*/
}
/*表格通用样式*/
.list-table{
    margin-top:23px;
    width:100%;
    vertical-algin:middle;
    padding:0 20px;
    font-size:14px;
    /*font-family:PingFang-SC-Regular;*/
    font-weight:500;
    color:rgba(102,102,102,1);
    line-height:14px;
}
.list-table thead tr{
    /*width:866px;*/
    width:100%;
    height:60px;
    background:rgba(246,249,255,1);
    color:rgba(61,77,114,1);
    font-weight: bold;
}
.list-table tbody tr{
    width:100%;
    height:74px;
    background:rgba(255,255,255,1);
}
.list-table td{
    padding:0 20px;
}
.list-table tbody td{
    border-bottom:1px solid rgba(241,243,245,1);
}
.list-table tbody tr:nth-last-child(1) td{
    border-bottom:none;
}
.list-table .ltd{
    text-align: left;
}
.list-table .mtd{
    text-align: center;
}
.list-table .rtd{
    text-align: right;
}
.list-table tbody td{
    width:33%;
}





/*未登录消息提醒*/
#info-list .no-login{
    height:400px !important;
    line-height:400px;
    text-align: center !important;
    font-size:24px;
    /*font-family:PingFang-SC-Light;*/
    font-weight: 500;
    color:rgba(102,102,102,0.8);
}



/**

    赚取积分
**/
#gain-int{
    width:906px;
    height:773px;
    background:rgba(255,255,255,1);
    padding:20px;
}
#gain-int .title{
    font-size:18px;
    /*font-family:PingFang-SC-Medium;*/
    font-weight:bold;
    color:rgba(61,77,114,1);
    line-height:18px;
    padding-bottom:20px;
    border-bottom:1px solid rgba(241,243,245,1);
}





/*我的资产*/
#info-list .my-price{
    width:906px;
    height:160px;
    background:rgba(255,255,255,1);
    padding:20px;
    position: relative;

    font-size:14px;
    font-weight: 500;
    /*font-family:PingFang-SC-Regular;*/
    color:rgba(102,102,102,1);
    line-height:14px;
}
#info-list .my-price .single-left{
    position: absolute;
    top:20px;
    left:30px;
    padding-top:15px;
}
#info-list .my-price .single-middle{
    width:379px;
    height:120px;
    background:rgba(246,249,255,0.8);
    margin:0 auto;
    padding:15px 20px 18px 20px;
    position: relative;
}
#info-list .my-price .single-right{
    position: absolute;
    top:20px;
    right:30px;
    padding:34px 0;
    text-align: center;
    font-size:14px;
    /*font-family:NotoSansHans-DemiLight;*/
    color:rgba(93,144,247,1);
    line-height:14px;
}
#info-list .my-price .my-total-price{
    font-size:34px;
    font-family:DINMittelschrift-Alternate;
    color:rgba(61,77,114,1);
    line-height:34px;
    padding:11px 0 14px 0;
}
#info-list .my-price .my-usd{
    font-size:18px;
    font-family:DINMittelschrift-Alternate;
    color:rgba(153,153,153,1);
    line-height:18px;
}
#info-list .my-price .my-put-price{
    font-size:26px;
    font-family:DINMittelschrift-Alternate;
    color:rgba(61,77,114,1);
    line-height:26px;
    padding-top:17px;
    padding-bottom:17px;
}
#info-list .my-price .my-income-price{
    font-size:26px;
    font-family:DINMittelschrift-Alternate;
    color:rgba(97,217,175,1);
    line-height:26px;
    padding-top:17px;
    padding-bottom:17px;
}
#info-list .my-price .left-single{
    position: absolute;
    top:49px;
    left:-24px;
    width: 0;
    height: 0;
    border-width: 12px;
    border-style: solid;
    border-color: transparent rgba(246,249,255,1)  transparent transparent;
    z-index: 999;

}
#info-list .my-price .single-right .my-price-btn{
    width:82px;
    height:28px;
    line-height: 26px;
    text-align: center;
    background:rgba(255,255,255,1);
    border:1px solid rgba(93,144,247,1);
    margin:0 auto 10px auto;
    border-radius:4px;
}
#info-list .my-price .single-right .my-price-btn-active{
    background:rgba(93,144,247,1) !important;
    color:rgba(255, 255, 255, 1) !important;
}
#info-list .my-price .my-price-warn{
    margin-left:30px;
}


.my-left{float:left;}
.my-right{float:right;}
#info-list .my-price .single-middle .my-left{width:60%;}
#info-list .my-price .single-middle .my-right{width:40%;}


/*饼图*/
#info-list .my-pie{
    width:906px;
    height:280px;
    background:rgba(255,255,255,1);
    margin:20px auto;
    padding:40px 40px 40px 30px;
    position:relative;
}
#info-list .my-pie .pie-desc{
    width:200px;
    height:200px;
    float:left;
}
#pie-img{
    width:200px;
    height:200px;
    /*border:1px solid red;*/
    float:left;
}
#pie-text{
    padding:0;
    margin:0;
    position: absolute;
    top:117px;
    /*left:72px;*/
    width:200px;
    text-align: center;
    font-size:14px;
    font-weight:500;
    /*font-family:PingFang-SC-Regular;*/
    color:rgba(102,102,102,1);
    line-height:14px;
}
#pie-text .pie-text-num{
    font-size:20px;
    font-family:DINMittelschrift-Alternate;
    color:rgba(61,77,114,1);
    line-height:20px;
}
#pie-list{
    float:left ;
    margin-left:60px;
    margin-top:46px;
    /*border:1px solid red;*/
    width:556px;
    /*height:100%;*/
}
#pie-list .pie-list-item{
    float:left;
    margin-bottom:30px;
}
#pie-list .no-login-pie-list{
    text-align: center;
    line-height: 240px;
    /*font-size:24px;*/
    /*font-family:PingFang-SC-Light;*/
    font-weight: 500;
    margin-top:-56px;

    color:rgba(153,153,153,1);
    font-size: 16px;
}
#pie-list .pie-list-item:nth-child(even){
    float:right !important;
}
#pie-list  .pie-item-color{
    float:left;
    width:16px;
    height:16px;
    border-radius: 50%;
    /*background:rgba(186,208,239,1);*/
    margin-right:10px;
}
#pie-list  .pie-item-name{
    float:left;
    width:37px;
    height:16px;
    font-size:18px;
    /*font-family:PingFang-SC-Medium;*/
    color:rgba(102,102,102,1);
    line-height:16px;
}
#pie-list .pie-item-num{
    float:left;
    width:35px;
    height:16px;
    font-size:16px;
    /*font-family:PingFang-SC-Regular;*/
    color:rgba(102,102,102,1);
    line-height:16px;
    margin:0 20px;
}
#pie-list  .pie-item-price{
    float:left;
    width:120px;
    height:16px;
    font-size:16px;
    /*font-family:PingFang-SC-Regular;*/
    color:rgba(102,102,102,1);
    line-height:16px;
}

/*货币列表*/
#info-list .my-block{
    width:906px;
    min-height:168px;
    background:rgba(255,255,255,1);
    padding:20px 20px 0 20px;
 }
#info-list .my-block-title{
    font-size:18px;
    /*font-family:PingFang-SC-Medium;*/
    font-weight:bold;
    color:rgba(61,77,114,1);
    margin-bottom:22px;
}
/*表格*/
#info-list .my-block  .currency-table{
    border:none;
}
#info-list .my-block  td,tr{
    padding:0;
    vertical-align: middle;
    text-align: center;
    border:0;
}
#info-list .my-block  .currency-table thead tr{
    height:60px !important;
    background:rgba(246,249,255,1);
}
#info-list .my-block  .currency-table thead td{
    font-size:14px;
    font-weight: bold;
    /*font-family:PingFang-SC-Medium;*/
    color:rgba(61,77,114,1);
}
#info-list .my-block  .currency-table tbody tr{
    height:74px !important;
    background:rgba(255,255,255,1);
    border-bottom:1px solid rgba(241,243,245,1);
    border-top:none !important;
}
#info-list .my-block  .currency-table tbody tr:nth-last-child(1){
    border-bottom:none !important;
}
#info-list .my-block  .currency-table tbody tr:hover{
    background:rgba(246,249,255,1) !important;
}
#info-list .my-block  .currency-table tbody td{
    font-size:14px;
    /*font-family:PingFang-SC-Regular;*/
    font-weight: 500;
    color:rgba(102,102,102,1);
    /*line-height:14px;*/
    border-top:none;
}
#info-list .my-block  .bourse{
    /*color:rgba(102,102,102,1) !important;*/
    /*font-weight: bold !important;*/
}


/*未登录状态个人中心*/
#info-list .no-login-box{
    width:906px;
    height:460px;
    background:rgba(255,255,255,1);
    /*margin-bottom:20px;*/
    padding:50px 0 46px 0;
    margin-bottom:20px;
    text-align: center;
}
#info-list .msg{
    font-size:14px;
    /*font-family:PingFang-SC-Regular;*/
    font-weight:500;
    color:rgba(102,102,102,1);
    line-height:14px;
    margin-top:20px;
    margin-bottom:25px;
    text-align: center;
}
#info-list .record-btn{
    width:82px;
    height:28px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(93,144,247,1);
    margin:0 auto;
    font-size:14px;
    /*font-family:NotoSansHans-DemiLight;*/
    font-weight: 500;
    color:rgba(93,144,247,1);
    line-height:28px;
    text-align: center;
}

#info-list .no-login-table{
    height:228px;
    line-height: 228px;
    text-align: center;
    font-size:24px;
    /*font-family:PingFang-SC-Light;*/
    font-weight: 500;
    color:rgba(102,102,102,1);
    margin-top:-20px;
}


/*tooltip工具样式*/
#info-list .help-msg{
    width:400px ;
    height: 60px;
    padding:0;
    margin:0;
    font-size: 16px;
    border-radius: 5px;
    /*border:1px solid red;*/
    position:absolute;
    top: 40px;

    background: rgba(0,0,0,0.6) !important;
    text-align : center ;
    color:white;
    /*border:1px solid #dedede;//添加border*/
    line-height: 60px ;
}
